<template>
  <div class="registered">
    <div>
      <img src="" alt="">
    </div>
    <div>
      <div class="inputBox">
        <van-icon name="user-circle-o" />
        <input type="text" v-model="phone" placeholder="手机号">
      </div>
      <div class="inputBox">
        <van-icon name="comment-o" />
        <input type="password" v-model="password" placeholder="设置密码">
      </div>
    </div>
    <div class="toRegistered">
      <button>注册</button>
    </div>
  </div>
</template>

<script>
    export default {
        // name: "index",
      data(){
          return{
            phone:'',
            password:''
          }
      },
      mounted(){
        
      },
      methods:{
       
      },
    }
</script>

<style lang="less">
   .registered{
   
    width: 90%;
    margin: 0 auto;
    .inputBox{
      border-bottom: 1px solid #e6e6e6;
      height: 30px;
      display: flex;
      align-items: center;
      .van-icon{
        width: 15%;
      }
      input{
        border: none;
      }
    }
    .toRegistered{
      margin-top: 20px;
      button{
        border: none;
        width: 100%;
        border-radius: 20px;
        color: white;
        padding: 10px 0;
        background-color: #3399ff;
      }
    }
  }
</style>
